<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<title>食谱分类</title>
	<link rel="stylesheet" href="css/recipepp.css">
</head>
<body class="body-pad">
	<div class="ub ub-ac page-header row">
		<a href="#" class="clickable-deep"><span class="icon-back"></span></a>
		<div class="ub-f1 page-name">食谱分类</div>
		<a href="#" class="clickable-deep"><span class="icon-search"></span></a>
	</div> 
	<div class="ub-ver type-wrapper">
		<div class="type-item ub-f1">
			<div class="type-item-top ub ub-ac">
				<span class="type-icon"><img src="./images/type-ic1.png" alt=""></span>
				<span class="cl-f-orange">蛋糕</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
		</div>
		<div class="type-item ub-f1">
			<div class="type-item-top ub ub-ac">
				<span class="type-icon"><img src="./images/type-ic2.png" alt=""></span>
				<span class="cl-f-orange">面包</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
		</div>
		<div class="type-item ub-f1">
			<div class="type-item-top ub ub-ac">
				<span class="type-icon"><img src="./images/type-ic3.png" alt=""></span>
				<span class="cl-f-orange">饼干</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
		</div>
		<div class="type-item ub-f1">
			<div class="type-item-top ub ub-ac">
				<span class="type-icon"><img src="./images/type-ic4.png" alt=""></span>
				<span class="cl-f-orange">挞派</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">戚风蛋糕</span>
			</div>
		</div>
		<div class="type-item ub-f1">
			<div class="type-item-top ub ub-ac">
				<span class="type-icon"><img src="./images/type-ic5.png" alt=""></span>
				<span class="cl-f-orange">其他</span>
			</div>
			<div class="type-item-info ub ub-ac ub-bc ub-pj">
				<span class="type-text cl-b-dgrey">披萨</span>
				<span class="type-text cl-b-dgrey">泡芙</span>
				<span class="type-text cl-b-dgrey">月饼</span>
			</div>
		</div>
	</div>
	<script src="js/jquery-1.11.1.min.js"></script>
</body>
</html>